.container{
	
	.swiper-box {
		width: 100%;
		height: 500rpx;
		position: relative;
	
	
		swiper {
			width: 100%;
			height: 100%;
			.videoBox {
					width: 100%;
					height: 500rpx;
					position: relative;
				
					.play_icon {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0, 0, 0, 0.3);
						z-index: 8;
						display: flex;
						align-items: center;
						justify-content: center;
				
						cover-image {
							width: 72rpx;
							height: 72rpx;
						}
						image {
							width: 72rpx;
							height: 72rpx;
						}
					}
				
					.play_tm {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0, 0, 0, 0);
					}
				
				video {
					width: 100%;
					height: 500rpx;
				}
			}
			swiper-item {
				width: 100%;
				height: 100%;
				image {
					width: 100%;
					height: 500rpx;
				}
			}
		}
		
		
		.dots {
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			left: 0;
			bottom: 24rpx;
			z-index: 6;
	
			.viewbox {
				width: 78rpx;
				height: 40rpx;
				background: #EEEEEE;
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				font-weight: 400;
				font-size: 20rpx;
				color: #999999;
				line-height: 40rpx;
				text-align: center;
	
				&:last-child {
					margin-left: 30rpx;
				}
	
				&.select {
					// background: linear-gradient( 180deg, #FFA233 0%, #FB4C4C 100%);
					background-color: #E72A2A;
					color: #FFFFFF;
				}
			}
		}
		
		.idx {
			position: absolute;
			right: 20rpx;
			bottom: 26rpx;
			width: 80rpx;
			height: 40rpx;
			background: rgba(231, 42, 42, 0.5);
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			display: flex;
			align-items: center;
			z-index: 6;
			&>view {
				text-align: center;
			}
			.i {
				width: 40rpx;
				height: 40rpx;
				background: #E72A2A;
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				font-weight: 400;
				font-size: 20rpx;
				color: #FFFFFF;
				line-height: 40rpx;
			}
			.all {
				width: 40rpx;
				font-weight: 400;
				font-size: 20rpx;
				color: #FFFFFF;
				line-height: 40rpx;
			}
		}
	}

	.content{
		padding: 0 22rpx;
		padding-bottom: 80rpx;
		box-sizing: border-box;
		.box-1{
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 20rpx 20rpx 34rpx;
			box-sizing: border-box;
			margin-top: 20rpx;
			.price{
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				.left-num{
					display: flex;
					align-items: flex-end;
					.p-1{
						font-weight: bold;
						font-size: 30rpx;
						color: #E72A2A;
						line-height: 66rpx;
						text{
							font-size: 48rpx;
						}
					}
					.n-p{
						font-weight: 400;
						font-size: 28rpx;
						color: #999999;
						line-height: 40rpx;
						text-decoration: line-through;
						padding-bottom: 10rpx;
					}
				}
				.r-text{
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
				}
			}
			.name{
				font-weight: 800;
				font-size: 36rpx;
				color: #333333;
				line-height: 50rpx;
				margin-top: 18rpx;
			}
		}
	
		.pt-list{
			background: #FFFFFF;
			border-radius: 20rpx;
			overflow: hidden;
			margin-top: 20rpx;
			.title{
				padding: 20rpx 18rpx 20rpx 22rpx;
				box-sizing: border-box;
				background: #E72A2A;
				border-radius: 20rpx 20rpx 0 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				text{
					font-weight: bold;
					font-size: 32rpx;
					color: #FFFFFF;
					line-height: 44rpx;
				}
				image{
					width: 24rpx;
					height: 24rpx;
				}
			}
			.list{
				padding-bottom: 20rpx;
				.item{
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 20rpx 20rpx 0;
					.left{
						display: flex;
						align-items: center;
						image{
							width: 88rpx;
							height: 88rpx;
							border-radius: 50%;
							background-color: #EEEEEE;
						}
						text{
							font-weight: bold;
							font-size: 32rpx;
							color: #333333;
							line-height: 44rpx;
							margin-left: 16rpx;
						}
					}
					.right{
						display: flex;
						align-items: center;
						.time{
							.num{
								font-weight: bold;
								font-size: 28rpx;
								color: #E72A2A;
								line-height: 40rpx;
							}
							&>text{
								display: block;
								font-weight: bold;
								font-size: 24rpx;
								color: #333333;
								line-height: 34rpx;
								text-align: right;
							}
						}
						button{
							width: 136rpx;
							height: 60rpx;
							background: linear-gradient( 136deg, #FFA233 0%, #FB4C4C 100%);
							border-radius: 8rpx;
							font-weight: bold;
							font-size: 28rpx;
							color: #FFFFFF;
							line-height: 60rpx;
							margin-left: 12rpx;
						}
					}
				}
			}
		}
	
		.model-box{
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 20rpx;
			box-sizing: border-box;
			margin-top: 20rpx;
			.title{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.l-text{
					font-weight: bold;
					font-size: 36rpx;
					color: #333333;
					line-height: 50rpx;
					text{
						font-weight: 400;
						font-size: 28rpx;
					}
				}
				.r-i{
					display: flex;
					align-items: center;
					text{
						font-weight: 400;
						font-size: 30rpx;
						color: #999999;
						line-height: 42rpx;
					}
					image{
						width: 24rpx;
						height: 24rpx;
					}
				}
			}
		}
		
		.pj-box{
			.pj-tag{
				display: flex;
				flex-wrap: wrap;
				.t-item{
					padding: 10rpx 14rpx;
					box-sizing: border-box;
					background: #FFEEEE;
					border-radius: 8rpx;
					font-weight: bold;
					font-size: 28rpx;
					color: #999999;
					line-height: 40rpx;
					margin-top: 20rpx;
					margin-right: 12rpx;
					&.select{
						background-color: #E72A2A;
						color: #FFFFFF;
					}
				}
			}
			.pj-list{
				padding-top: 12rpx;
				box-sizing: border-box;
				.item{
					padding: 18rpx 0 22rpx;
					box-sizing: border-box;
					&:not(:first-child){
						border-top: 1rpx solid rgba(0,0,0,0.1);
					}
					.user{
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
						.left{
							display: flex;
							align-items: center;
							&>image{
								width: 90rpx;
								height: 90rpx;
								border-radius: 50%;
							}
							.name-star{
								display: flex;
								flex-direction: column;
								margin-left: 20rpx;
								text{
									font-weight: bold;
									font-size: 28rpx;
									color: #333333;
									line-height: 40rpx;
									margin-bottom: 8rpx;
								}
								.star{
									display: flex;
									align-items: center;
									image{
										width: 26rpx;
										height: 26rpx;
										margin-right: 6rpx;
									}
								}
							}
						}
						.time{
							font-weight: bold;
							font-size: 24rpx;
							color: #999999;
							line-height: 34rpx;
						}
					}
					.con{
						margin-top: 20rpx;
						display: flex;
						align-items: flex-start;
						.text{
							width: calc(100% - 100rpx);
							padding-right: 20rpx;
							box-sizing: border-box;
							font-weight: bold;
							font-size: 30rpx;
							color: #333333;
							line-height: 42rpx;
						}
						&>.img{
							.i-box{
								width: 100rpx;
								height: 100rpx;
								position: relative;
								image{
									width: 100%;
									height: 100%;
								}
								&>text{
									display: inline-block;
									width: 30rpx;
									height: 30rpx;
									background: #333333;
									border-radius: 8rpx 0rpx 8rpx 0rpx;
									position: absolute;
									right: 0;
									bottom: 0;
									font-weight: 400;
									font-size: 18rpx;
									color: #FFFFFF;
									line-height: 30rpx;
								}
							}
						}
					}
				}
			}
		}
	
		.info-box{
			image{
				width: 100%;
			}
			.con{
				padding-top: 20rpx;
				font-weight: 400;
				font-size: 30rpx;
				color: #333333;
				line-height: 43rpx;
			}
		}
		
		.other-goods{
			margin-top: 20rpx;
			.title{
				font-weight: bold;
				font-size: 36rpx;
				color: #333333;
				line-height: 50rpx;
			}
			.g-list{
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				.item{
					width: 344rpx;
					margin-top: 20rpx;
				}
				
				.tagList{
					display: flex;
					align-items: center;
					margin-top: 16rpx;
					.tag-item{
						// width: 118rpx;
						height: 34rpx;
						border-radius: 6rpx 6rpx 6rpx 6rpx;
						border: 2rpx solid #0291FF;
						padding: 3rpx 12rpx;
						box-sizing: border-box;
						font-weight: 400;
						font-size: 20rpx;
						color: #0291FF;
						// line-height: 34rpx;
						text-align: center;
						margin-left: 12rpx;
						&:first-child{
							background: #FF6602;
							border-color: #FF6602;
							color: #FFFFFF;
							margin-left: 0;
						}
					}
				}
			}
		}
		
	}
}

.bottom-btn{
	width: 100%;
	height: 130rpx;
	.b-box{
		width: 100%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #FFFFFF;
		box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.05);
		.con-box{
			padding: 16rpx 22rpx 10rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left{
				display: flex;
				.i-box{
					display: flex;
					flex-direction: column;
					align-items: center;
					&:not(:first-child){
						margin-left: 40rpx;
					}
					image{
						width: 45rpx;
						height: 45rpx;
					}
					text{
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						line-height: 36rpx;
						margin-top: 4rpx;
					}
				}
			}
			.right{
				.a-box{
					width: 432rpx;
					height: 96rpx;
					overflow: hidden;
					border-radius: 48rpx;
					border: 2rpx solid #FE9C34;
					background: linear-gradient( 131deg, #ffdf27 0%, #FB4C4C 100%);
					position: relative;
					display: flex;
					.l-b{
						width: 50%;
						height: 100%;
						// background: #FEF0E5;
						// border: 2rpx solid #FE9C34;
						font-weight: bold;
						font-size: 36rpx;
						color: #FF6B01;
						line-height: 96rpx;
						text-align: center;
						position: relative;
						&>text{
							position: relative;
							z-index: 3;
						}
						&::before{
							content: '';
							width: 120%;
							height: 160%;
							background-color: #FEF0E5;
							position: absolute;
							left: -20%;
							top: 50%;
							transform: translateY(-50%) rotate(10deg);
							z-index: 0;
						}
					}
					.r-b{
						width: 50%;
						height: 100%;
						text-align: center;
						text{
							font-weight: bold;
							font-size: 36rpx;
							color: #FFFFFF;
							line-height: 96rpx;
						}
					}
				}
			}
		}
	}
}
// 团购列表弹窗
.buy-box{
	width: 634rpx;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	.title{
		padding: 40rpx 0 0;
		position: relative;
		text{
			display: block;
			font-weight: bold;
			font-size: 36rpx;
			color: #333333;
			line-height: 50rpx;
			text-align: center;
		}
		&>image{
			position: absolute;
			right: 0;
			top: 1rpx;
			width: 80rpx;
			height: 80rpx;
		}
	}
	.list{
		padding-top: 30rpx;
		.list-scroll{
			width: 100%;
			height: 620rpx;
			padding: 0 20rpx 30rpx;
			box-sizing: border-box;
			.item{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 30rpx;
				.left{
					display: flex;
					align-items: center;
					&>image{
						width: 88rpx;
						height: 88rpx;
						border-radius: 50%;
					}
					.t-con{
						margin-left: 16rpx;
						.name{
							font-weight: bold;
							font-size: 32rpx;
							color: #333333;
							line-height: 44rpx;
							text:last-child{
								color: #E72A2A;
								margin-left: 8rpx;
							}
						}
						.time{
							font-weight: bold;
							font-size: 24rpx;
							color: #333333;
							line-height: 34rpx;
							margin-top: 2rpx;
						}
					}
				}
				.r-btn{
					button{
						width: 136rpx;
						height: 60rpx;
						background: linear-gradient( 136deg, #FFA233 0%, #FB4C4C 100%);
						border-radius: 8rpx;
						font-weight: bold;
						font-size: 28rpx;
						color: #FFFFFF;
						line-height: 60rpx;
					}
				}
			}
		}
		
	}
}

.submit-buy{
	.con{
		margin-top: 20rpx;
		.end-text{
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
			line-height: 44rpx;
			text-align: center;
			text{
				color: #E72A2A;
			}
		}
		.user-box{
			display: flex;
			align-items: center;
			justify-content: space-around;
			// padding-top: 80rpx;
			padding: 80rpx 40rpx 0;
			.u-item{
				position: relative;
				image{
					width: 88rpx;
					height: 88rpx;
					border-radius: 50%;
				}
				&>text{
					display: inline-block;
					width: 80rpx;
					height: 40rpx;
					background: #E72A2A;
					border-radius: 24rpx 24rpx 24rpx 24rpx;
					position: absolute;
					top: 0;
					left: 50%;
					transform: translateX(-50%) translateY(-50%);
					font-weight: bold;
					font-size: 24rpx;
					color: #FFFFFF;
					line-height: 40rpx;
					text-align: center;
				}
			}
		}
		.btn{
			padding: 94rpx 0 64rpx;
			button{
				width: 460rpx;
				height: 80rpx;
				background: linear-gradient( 135deg, #FFA233 0%, #FB4C4C 100%);
				border-radius: 20rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 80rpx;
				margin: 0 auto;
			}
		}
	}
}

.shareBox {
		padding: 40rpx 0 0;
		background: #F5F5F5;

		.title {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;

			text {
				font-weight: bold;
				font-size: 32rpx;
				color: #000000;
				line-height: 44rpx;
			}

			image {
				width: 48rpx;
				height: 48rpx;
				position: absolute;
				right: 30rpx;
				top: 0;
			}
		}

		.box {
			padding: 70rpx 30rpx 38rpx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-around;

			.item {
				display: flex;
				flex-direction: column;

				image {
					width: 120rpx;
					height: 120rpx;
				}

				text {
					font-weight: 400;
					font-size: 28rpx;
					color: #999999;
					line-height: 40rpx;
					margin-top: 20rpx;
					text-align: center;
				}

				position: relative;

				button {
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					opacity: 0;
				}
			}
		}

		&.coupon {
			background-color: #FFFFFF;
		}

		.coupon-box {
			padding: 70rpx 30rpx 38rpx;

			.item {
				width: 100%;
				height: 186rpx;
				position: relative;

				&:not(:last-child) {
					margin-bottom: 30rpx;
				}

				&>image.bg {
					width: 100%;
					height: 100%;
				}

				.c_num {
					position: absolute;
					left: 40rpx;
					top: 50%;
					transform: translateY(-50%);
					display: flex;
					flex-direction: column;
					align-items: center;

					.price {
						font-weight: bold;
						font-size: 48rpx;
						color: #FD845C;
						line-height: 66rpx;

						text {
							font-size: 30rpx;
						}
					}

					&>text {
						font-weight: 400;
						font-size: 20rpx;
						color: #666666;
						line-height: 28rpx;
						margin-top: 8rpx;
					}
				}

				.c_info {
					position: absolute;
					left: 204rpx;
					top: 50%;
					transform: translateY(-50%);
					display: flex;
					flex-direction: column;
					align-items: flex-start;

					.xz {
						font-weight: 400;
						font-size: 22rpx;
						color: #333333;
						line-height: 32rpx;
					}

					.c_box {
						font-weight: 400;
						font-size: 20rpx;
						color: #666666;
						line-height: 28rpx;
						margin-top: 6rpx;
					}

					.time {
						font-weight: 400;
						font-size: 20rpx;
						color: #FF575B;
						line-height: 28rpx;
						margin-top: 18rpx;
					}
				}

				.checkImg {
					position: absolute;
					right: 30rpx;
					top: 50%;
					transform: translateY(-50%);
					width: 116rpx;
					height: 48rpx;
				}

			}
		}


		.btn {
			padding: 20rpx 30rpx;
			// box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0, 0, 0, 0.05);
			// background: #FFFFFF;

			button {
				width: 100%;
				height: 96rpx;
				background: linear-gradient(90deg, #FFA233 0%, #FB4C4C 100%);
				border-radius: 80rpx 80rpx 80rpx 80rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 96rpx;
			}
		}
	}
	
	.haibao{
		.canvas_content{
			width: 520rpx;
			height: auto;
			background: #FFFFFF;
			box-sizing: border-box;
			// background-color: #F5F5F5;
			border-radius: 20rpx;
			margin: 0 auto 32rpx;
			&>image{
				width: 100%;
				height: 100%;
				border-radius: 20rpx;
			}
		}
		.hb_b{
			background-color: #F5F5F5;
			border-radius: 16rpx 16rpx 0 0;
			
			padding-bottom: calc(constant(safe-area-inset-bottom));
			padding-bottom: calc(env(safe-area-inset-bottom));
		}
	}
	
	.jiantou{
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		top:0;
		left: 0;
		z-index: 999999;
		image{
			width: 300rpx;
			height: 400rpx;
			position: absolute;
		}
		view{
			position: absolute;
			top: 500rpx;
			right: 300rpx;
			color: #FF0000;
			font-size: 48rpx;
			font-weight: bold;
		}
	}
	
	/deep/ .hbpopup{
		background-color: transparent !important;
		padding-bottom: 0 !important;
	}